<template>
    <div class="shuju">
        <!-- 网页头部 -->
        <div>
            <!-- 图片样式 -->
            <div>
                <img src="../assets/shuju/beijing.jpg" width="375px" height="187px">
                <div class="my_text_title">
                    <p>新型冠状病毒肺炎</p>
                    <p>疫情实时大数据报告</p><br>
                    <p>共1000人次已浏览</p>
                </div>
            </div>
            <!-- 下边内容 -->
            <div></div>
        </div>
    </div>
</template>

<style>
.shuju .my_text_title{
    position: relative;bottom: 100px;left: 20px;
}
.shuju .my_text_title p{
    margin-bottom: 0;
}
.shuju .my_text_title p:first-child{
    font-size: 14px;color: #c4faff;
}
.shuju .my_text_title p:nth-child(2){
    color: #fff;display: inline-block;
    font-size: 22px;font-weight: bolder;
    padding-bottom: 5px;
}.shuju .my_text_title p:last-child{
    color: #fff;display: inline-block;
    font-size: 9px;padding: 5px 12px;
    background-color: rgba(9,148,167,.5);border-radius: 10px;
}
</style>